<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
	<head>
		<base href="<%=basePath%>"/>
		<meta charset="utf-8" />
		<title>Document</title>
	</head>
	<style type="text/css">
		ul li{
			list-style: none;
		}
		#headr {
			width: 1200px;
			overflow: hidden;
			margin: auto;
			margin-top: 20px;
		}
		#headr .r {
			float: right;
		}
		#headr .sousuo {
			background-color: #B81C23;
			color: white;
			cursor: pointer;
			padding: 3px 7px;
		}
		#headr .car {
			background-color: #B81C23;
			color: white;
			cursor: pointer;
			padding: 3px 15px;
		}
		#headr .car a{
			color: white;
			text-decoration: none;
		}
		#headr .xiao {
			font-size: 13px;
		}
		#headr .class:after {
			cursor: " ";
			display: block;
			clear: both;
		}
		#logo {
			width: 1200px;
			margin-top:18px;
			float: left;
			z-index: 9999;
		}
		#logo .nav {
			position:relative;
			display: inline-block;
		}
		
		#logo .nav li a {
			font-size: 20px; 
			color: #343434;
			text-decoration: none;
		}
		#logo .nav li a:hover{
			color:#B81C23;
		}
		#logo .nav li {
			margin-left: -47px;
			text-align:center;
			width:140px;
			line-height:35px;
			float: left;
		}
		#logo .menu li a:hover{
			color:#B81C23;
		}
		#logo .menu {
			width:120px;
			display:none;
			position: absolute;
			top:38px;
			z-index: 99;
			border-top:3px #B81C23 solid;
			border-bottom:3px #B81C23 solid;
			background-color:#fff;
			margin-left: 10px;
			border-radius: 5px;
		}
		#logo .menu ul{
			margin-top:30px;
			width:70px;
			padding-right: 200px;
		}
		#logo .menu ul li{
			padding-right: -20px;
		}
	</style>
	<body>
		<div id="headr">
			<div class="r"><input type="text" style="width:300px; height:23px;" /><span class="sousuo">搜索</span>&ensp;&ensp;<span class="car"><a href="ShoppingCar.shtml">购物车</a></span>
			<br /><span class="xiao">热门搜索：免烫&ensp;衬衫&ensp;水柔棉&ensp;熊本熊&ensp;麻衬衫&ensp;帆布鞋&ensp;运动户外&ensp;家居</span>
		</div>
		<div id="logo">
			<img src="images/index/logo.png" align="top"> 
			<ul class="nav">
				<!-- 一级菜单 -->
					<li><a href="Vancl/index.shtml">首页</a></li>
				<c:forEach items="${navlist }" var="nav">
					<li class="xunhuan"><a href="javascript:void(0)?navid=${nav.n_id }">${nav.n_name }</a>
					<!-- 二级菜单 -->
						<div class="menu">
							<ul>
								<c:forEach items="${nav.me }" var="menu">
									<li><a href="dali.shtml?menuid=${menu.m_id }">${menu.m_name }</a></li>
								</c:forEach>
							</ul>
						</div>
					 </li>
				</c:forEach>
			</ul>
		</div>
	</body>
</html>
